<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <title></title>
    <link rel="stylesheet" href="../../javascript/plug-ins/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="../../css/style.css" />
    <script src="../../javascript/jquery.js"></script>
    <script type="text/javascript" src="../../javascript/plug-ins/layui/layui.js"></script>

    <script src="../../javascript/plug-ins/echarts.min.js"></script>
    <script>
        $.session.set("RightTargetInfo","OperateList")
    </script>
    <script src="../../js/zyrfunction.js?v=1.112"></script>
    <script src="../../js/zyrpublic.js?v=1.2"></script>
    <script src="../Service/js/ServicePublic.js?v=1.2"></script>
</head>
<body>

<div class="page-wrap">

    <section class="page-hd t">
        <header>
            <h5 class="title" data-info="OperateList">
                <a href="../Operate/OperateList.html" class="red">统计图</a>
                <a href="../Service/CollectList.html">收藏</a>
                <a href="../Service/AddCart.html">加入购物车</a>
                <a href="../Service/OrderLists.html">订单信息</a>
            </h5>
        </header>
        <hr>
    </section>

    <div class="panel panel-default text-center">
        <div class="flex flex-wrap flex-col-4 data">

            <div class="box-child" style="display: none;">
                <div class="btn btn-info float_left" style="background: #c23531;border: 1px solid #c23531;"><span class="Allvisit">总访问量：0条</span></div>
<!--                <div class="width50 btn btn-primary" id="cj_money">23</div>-->
            </div>

            <div class="box-child">
                <div class="btn btn-warning float_left" style="background: #2f4554;border: 1px solid #2f4554;"><span class="AllcountSale">总销售量：0条</span></div>
<!--                <div class="width50 btn btn-danger" id="pingjia">22</div>-->
            </div>

            <div class="box-child">
                <div class="btn btn-info float_left" style="background: #61a0a8;border: 1px solid #61a0a8;"><span class="Allsum">总营业额：0条</span></div>
<!--                <div class="width50 btn btn-primary" id="orders">44元</div>-->
            </div>


        </div>


        <div class="flex flex-wrap text-right">
            <select onchange="recharge()" id="search_type" class="width10 float_right margin_left80b">
                <option value="1">今日</option>
                <option value="2">本周</option>
                <option value="3">本月</option>
                <option value="4">本年</option>
                <option value="5">全部数据</option>
            </select>
        </div>

        <div id="main" style="width: 99%;height:600px;"></div>

    </div><!--panel--->

</div><!---page-wrap------>
</body>


<script type="text/javascript">

    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));

    // // 指定图表的配置项和数据
    var option = {
        title: {
            text: '图表'
        },
        tooltip: {},
        legend: {
            data:['销售量','营业额']
        },
         // xAxis: {
         //     data: ["1","2","3","4","6","6","7","8","9","10","11","12"]
         // },
        yAxis: {
            title: {
                text: '万'
            },
        }

    };
    //
    // var canshu1=[{
    //     name: '访问量',
    //     type: 'bar',
    //     data: [20]
    // },{
    //     name: '销售量',
    //     type: 'bar',
    //     data: [45]
    // },{
    //     name: '营业额',
    //     type: 'bar',
    //     data: [45]
    // }];
    //
    // var canshu2=[{
    //     name: '访问量',
    //     type: 'bar',
    //     data: [50, 20, 36, 10, 10,20,23]
    // },{
    //     name: '销售量',
    //     type: 'bar',
    //     data: [45, 34, 55, 58, 54,70,52]
    // },{
    //     name: '营业额',
    //     type: 'bar',
    //     data: [45, 34, 55, 58, 54,70,52]
    // }];
    //
    // var canshu3=[{
    //     name: '访问量',
    //     type: 'bar',
    //     data: [5, 20, 36, 10, 10, 20,23,78,52,65,44,25,5, 20, 36, 10, 10, 20,23,78,52,65,44,25,5, 20, 36, 10, 10, 20]
    // },{
    //     name: '销售量',
    //     type: 'bar',
    //     data: [45, 34, 55, 58, 54, 70,52,51,66,44,85,65,45, 34, 55, 58, 54, 70,52,51,66,44,85,65,45, 34, 55, 58, 54]
    // },{
    //     name: '营业额',
    //     type: 'bar',
    //     data: [45, 34, 55, 58, 54, 70,52,51,66,44,85,65,45, 34, 55, 58, 54, 70,52,51,66,44,85,65,45, 34, 55, 58, 54, 70]
    // }];
    //
    // var canshu4=[{
    //     name: '访问量',
    //     type: 'bar',
    //     data: [50, 20, 36, 10, 10,20,23,45,50, 20, 36, 10]
    // },{
    //     name: '销售量',
    //     type: 'bar',
    //     data: [45, 34, 55, 58, 54,70,52,24,50, 20, 36, 10]
    // },{
    //     name: '营业额',
    //     type: 'bar',
    //     data: [45, 34, 55, 58, 54,70,52,45,50, 20, 36, 10]
    // }];
    //
    // var canshu5=[{
    //     name: '访问量',
    //     type: 'bar',
    //     data: [500, 200, 360, 100, 100,200,230,454]
    // },{
    //     name: '销售量',
    //     type: 'bar',
    //     data: [450, 340, 550, 580, 540,700,520,245]
    // },{
    //     name: '营业额',
    //     type: 'bar',
    //     data: [450, 340, 550, 580, 540,700,520,455]
    // }];
    //
    //
    // var recharges=$("#search_type").find("option:selected").val();
    // if(recharges=='1'){
    //     option.xAxis={data: ["今日"]};
    //     option.series=canshu1;
    // }else if(recharges=='2'){
    //     option.xAxis={data: ["周一","周二","周三","周四","周五","周六","周七"]};
    //     option.series=canshu2;
    // }else if(recharges=='3'){
    //     option.xAxis={data: ["1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30"]};
    //     option.series=canshu3;
    // }else if(recharges=='4'){
    //     option.xAxis={data: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"]};
    //     option.series=canshu4;
    // }else if(recharges=='5'){
    //     option.xAxis={data: ["2010年","2011年","2012年","2013年","2014年","2015年","2016年","2017年"]};
    //     option.series=canshu5;
    // }
    //
    // // 使用刚指定的配置项和数据显示图表。
    // myChart.setOption(option);
    //
    // function recharge(){
    //
    //     var recharges=$("#search_type").find("option:selected").val();
    //     if(recharges=='1'){
    //         option.xAxis={data: ["今日"]};
    //         option.series=canshu1;
    //     }else if(recharges=='2'){
    //         option.xAxis={data: ["周一","周二","周三","周四","周五","周六","周七"]};
    //         option.series=canshu2;
    //     }else if(recharges=='3'){
    //         option.xAxis={data: ["1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30"]};
    //         option.series=canshu3;
    //     }else if(recharges=='4'){
    //         option.xAxis={data: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"]};
    //         option.series=canshu4;
    //     }else if(recharges=='5'){
    //         option.xAxis={data: ["2010年","2011年","2012年","2013年","2014年","2015年","2016年","2017年"]};
    //         option.series=canshu5;
    //     }
    //
    //     // 使用刚指定的配置项和数据显示图表。
    //     myChart.setOption(option);
    //
    // }


</script>
</html>
